<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--<title>身份证认证</title>-->
		<script src="js/mui.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/UserIdCard.css" rel="stylesheet" />

	</head>
	<style>
		.mui-show-loading {
			top: 48%!important;
		}
		
		.mui-spinner {
			margin: -75px auto!important;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">完善身份证信息</h1>
		</header>
		
		<div class="User-content">
			<div class="User-updata">
				<h4 style="font-size: 13px">Tips:</h4>
				<p style="font-size: 12px">1.请确保上传身份证边框完整，图像清晰，光线均匀</p>
				<p style="font-size: 12px">2.图片不能超过4M</p>
			</div>
			<form name="AjaxUpload" method="post" action="" enctype="multipart/form-data">
				<div class="Iden-zheng">
					<a href="javascript:;">
						<input type="file" name="file_qian" id="file" accept="image/*" onchange="showPic(this)" style="visibility:hidden;position:absolute;top:0px;width:0px">

					</a>
					<div id="pic">
						<img src="images/Identity-icon.png" alt="身份证图标" id="pic">
					</div>
					<p id="Iden-p">上传人像面照片</p>

				</div>
				<div class="Iden-fan" id="Iden-fan">
					<a href="javascript:;">
						<input type="file" name="file_qian" id="file1" accept="image/*" onchange="showFic(this)" style="visibility:hidden;position:absolute;top:0px;width:0px">

					</a>
					<div id="pic1">
						<img src="images/Identity-icon.png" alt="身份证图标" id="pic">
					</div>
					<p id="Iden-p1">上传国徽面照片</p>

				</div>
				<a href="Identify.html"></a>
				<div class="Iden-ren">
					<img src="images/Identity-icon1.png" alt="">
					<input id="Iden-btn" type="submit" value="提交">
					<p>信息仅用于身份认证</p>
				</div>
			</form>

		</div>
	
	</body>

	<script src="js/UserIdCard.js"></script>
	<script>
		(function(win, doc) {
			function setSize() {
				doc.documentElement.style.fontSize = 20 * document.documentElement.clientWidth / 375 + 'px';
			}
			setSize();
			win.addEventListener('resize', setSize, false)
		})(window, document)
	</script>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>

</html>